<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- confirm弹窗 -->
    <ul>
        <li>html  <button>删除</button></li>
        <li>css  <button>删除</button></li>
        <li>javascript  <button>删除</button></li>
    </ul>
    <script>
        // parentNode --元素的父节点
        var btns = document.getElementsByTagName("button");
        for(var i=0;i<btns.length;i++){
            btns[i].onclick =  function(){
               var temp =  window.confirm("确定吗");
               if(temp){
                   this.parentNode.style.display = "none"
               }
            }
        }
    </script>

    <!-- 输入型弹窗 -->
    <script>
        /* 输入型的弹窗 */
        var test = window.prompt("请输入","hello world");
        console.log(test)
    </script>

    <!-- 定时器 -->
    <script>
        // 超时调用，只会触发一次
        setTimeout(function(){
            console.log("大帅b");
        },5000)

        // 间歇调用
        setInterval(() => {
            console.log("我tm怎么那么帅！");
        }, 1000);

        // 用递归方法，让超时调用实现间歇调用
        function show(){
            setTimeout(function(){
            console.log("诶！我又跳出来了。");
            show()
        },1000)
        };
        show();

        // 清除定时器
        var time = setInterval(() => {
            console.log("我tm怎么那么帅！");
        }, 1000);
        clearInterval(time);
    </script>

    <!-- 全局变量 -->
    <script>
        /* 中javascript中声明的全局变量是window的属性,方法是window的方法 */
        var a = 10;
        function go(){
            console.log("hello world")
        }
        // const window = {
        //     a:10,
        //     go:function(){
        //         console.log("hello world")
        //     }
        // }
        // console.log(window.a);
        // window.go();
        console.log(a);
        go();
    </script>

<!-- 设备判断 -->
<!-- <script>
    window.onload = function () {
        if (/Android|iphone|webOS/i.test(navigator.userAgent)) {
            console.log("移动端");
        } else if (/ipad/i.test(navigator.userAgent)) {
            console.log("ios端");
        }
    }
</script> -->

</body>
</html>